<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <style type="text/css">
      /* table tr td,
      th {
        border: 1px solid blue;
      } */
    </style>
  </head>
  <body>
    <table border="1">
      <tbody>
        <thead>
          <tr>
            <!-- 表头合并单元格  -->
            <th colspan="4">Top Three Performers</th>
          </tr>
          <tr>
            <th>Name</th>
            <th>Login ID</th>
            <th>Course Name</th>
            <th>Marks</th>
          </tr>
        </thead>
        <tr>
          <td>Steve</td>
          <td>01234</td>
          <td>MySQL 5 Developer Certified Professional Exam, Part I</td>
          <td>92</td>
        </tr>
        <tr>
          <td>John</td>
          <td>01235</td>
          <td>MySQL 5 Developer Certified Professional Exam, Part II</td>
          <td>85</td>
        </tr>

        <tr>
          <td>Joseph</td>
          <td>01236</td>
          <td>
            MySQL 5 Database Administrator Certified Professional Exam, Part I
          </td>
          <td>98</td>
        </tr>
        <tr>
          <td>Michel</td>
          <td>01237</td>
          <td>
            MySQL 5 Database Administrator Certified Professional Exam, Part II
          </td>
          <td>25</td>
        </tr>
      </tbody>
    </table>
  </body>
</html>
